<template>
	<view>
		<text>这是一个测试页面</text>
		<view v-if="isReady">页面加载完成</view>
<!-- 		<up-row>
			<up-col :span="5">
				cloudDownDomain:
			</up-col>
			<up-col :span="7">
				{{cloudDownDomain}}
			</up-col>
		</up-row>
		<up-row>
			<up-col :span="5">
				categoryList:
			</up-col>
			<up-col :span="7">
				{{categoryList}}
			</up-col>
		</up-row> -->
		<view v-if="err">{{err}}</view>
		<unicloud-db ref="udb" 
		v-slot:default="{data, pagination, loading, hasMore, error}" 
		:collection="collection"
			:where="where" loadtime="onready">
			<view v-if="error">{{error.message}}</view>
			<view v-else-if="data">
				<uni-list>
					<uni-list-item v-for="(item, index) in data" :key="index" showArrow :clickable="true"
						@click="handleItemClick(item._id)">
						<template v-slot:body>
							<text class="u-line-2">
								<text style="color:#999;">【{{item.category_id[0].text.substring(0,2)}}】</text>
								{{item.title}}
							</text>
						</template>
					</uni-list-item>
				</uni-list>
			</view>
			<uni-load-more :contentText="loadMore"
				:status="loading?'loading':(hasMore ? 'more' : 'noMore')"></uni-load-more>
		</unicloud-db>
		<up-loading-page loading-color="#00cccc" loading-mode="spinner" bg-color="rgba(255, 255, 255, 0.8)"
			:loading="!isReady" icon-size="72" loading-text="loading...">
		</up-loading-page>
	</view>
</template>

<script>
	import {
		ref
	} from 'vue';
	import {
		getXasaGlob
	} from '@/js_sdk/xasaGlobData';
	//import {onLoad,onShow,onPullDownRefresh,onReady,onPullDownRefresh,onShareTimeline} from '@dcloudio/uni-app';
	//import {getXasaGlob,initGlob} from '@/js_sdk/xasaGlobData.js'
	const db = uniCloud.databaseForJQL();
	export default {
		data() {
			return {
				err: '', // 错误信息变量
				loadthen: null, // 加载时事件处理函数的引用
				isReady: false, // 页面是否加载完成的状态变量
				cloudDownDomain: "", // 云下载域名的变量
				categoryList: [], // 类别列表的变量
				currentCategory: '', // 当前类别的变量，默认为空字符串表示显示所有类别的内容。
				collection: [], // 集合名称的变量，初始化为空数组。
				loadMore: { // 加载更多的配置对象，用于显示加载更多的提示信息。
					contentdown: '上拉加载更多', // 向下拉时显示的提示信息。
					contentrefresh: '正在加载...', // 加载时显示的提示信息。
					contentnomore: '没有更多数据了' // 没有更多数据时显示的提示信息。
				}
			}
		},
		async onLoad() {
			//try {
			//	this.cloudDownDomain = await getXasaGlob('cloudDownDomain')
			this.isReady = true
			//} catch(err){
			//	this.err=JSON.stringify(err)
			//}
			this.collection = this.getCollection();
			db.collection('uni-cms-categories').field('name as text').get().then(
				res => {
					this.categoryList = [
						[{
							"_id": "",
							"text": "全部类别"
						}, ...res.data]
					]
					console.log(this.categoryList);
				}).catch(err => {
				this.err = JSON.stringify(err);
			});
			
			this.$nextTick(()=>{
				this.$refs.udb.loadData({
					clear: true
				})
			})
			// #ifdef MP
			//this.mpShare.title = '市场监管通';
			// #endif
		},
		methods: {
			getCollection() {
				let where = this.currentCategory ?
					`article_status==1 && category_id=="${this.currentCategory}"` :
					'article_status==1';
				const cl = [db.collection('uni-cms-articles')
					.where(where)
					.field('category_id,title,excerpt,last_modify_date')
					.orderBy('last_modify_date', 'desc')
					.getTemp(),
					db.collection('uni-cms-categories').field('name as text, _id')
					.getTemp()
				]
				return cl
			},
		}
	}
</script>

<style>

</style>